<template>
<div class="layerRtb layerRtb-threecolumn layerRtb-right">
    <three-title :title="{name: '培训'}" :close="false">
        <span tag="i" class="rig_close fr" @click="$parent.$parent.clickFourShow()"></span>
    </three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" >
        <div class="analyItem">
            <p class="analyItemTit tx-center">系统使用</p>
            <div class="analyItemCon">
                <p class="col-md-6">
                            <span class="">PC端操作手册</span>
                </p>
                <p class="col-md-6">
                            <span class="">APP操作手册</span>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">项目管理</p>
            <div class="analyItemCon">
                <p class="col-md-4">
                <span class="">如何选工人</span>
                </p>
                  <p class="col-md-4">
                <span class="">材料下单</span>
                </p>
                  <p class="col-md-4">
                <span class="">工艺上传</span>
                </p>
                  <p class="col-md-4">
                <span class="">现场管理</span>
                </p>  <p class="col-md-4">
                <span class="">如何支款</span>
                </p>
                  <p class="col-md-4">
                <span class="">资料上传</span>
                </p>
            </div>
        </div>
    </div>
    <div  class="layerRtb-footer">
        <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">
                <div class="tx-center"><input type="button" value="确定" @click="submission()" class="uiBtn-normal uiBtn-blue"></div>
        </div>
    </div>
</div>
</div>
</template>
<script>
import {mapGetters, mapMutations} from 'vuex'
export default {
    components: {

    },
    data () {
        return {
            clickIndex: '',
            editindex: 0,
            surment: '测试',
            preName: '',
            surmentpress: '接单多，特殊工艺',
            zhuanye: '填写我的专业'
        }
    },
    props: ['fourIndex'],
    created () {
        if (this.fourIndex === 1) {
            this.preName = '学历'
        } else if (this.fourIndex === 2) {
            this.preName = '品德'
        } else if (this.fourIndex === 3) {
            this.preName = '性格'
        } else if (this.fourIndex === 4) {
            this.preName = '思维'
        } else if (this.fourIndex === 5) {
            this.preName = '能力'
        } else if (this.fourIndex === 6) {
            this.preName = '标准'
        }
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    methods: {
        ...mapMutations({
            setUpdateLeft: 'SET_UPDATE_LEFT',
            setUpdatePlate: 'SET_UPDATE_PLATE'
        }),
        climenerfin () {
            this.editindex = 1
        },
        climenparmes (index) {
            if (index === 2) {
                this.editindex = 0
            } else {

            }
        },
        clickPress (index) {
            this.clickIndex = index
        }
    }
}
</script>
<style>
.uiBtn-blue {
    text-align: center !important;
    background: #09f !important;
    color: #fff !important;
    cursor: pointer;
}
.senversebt{
  width: 87px;
}
.imgbox {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
}
</style>
